<template>
	<view  :class="currentTheme">
		<a-nabbar name="剧本反馈" />
		<view class="u-padding-32">
			<item-box paddinglr="40">
				<label-box label="剧本名称" labelWidth="130">
					<u-input v-model="form.name" :clearable="false" border placeholder="请输入剧本名称" 
					:borderColor="currentThemeObj.inputBorderColor" 
					 :placeholder-style="`color:${currentThemeObj.placeholderColor}`"/>
				</label-box>
				<label-box label="发行名" labelWidth="130">
					<u-input v-model="form.issueName" :clearable="false" border placeholder="请输入发行名" 
					:borderColor="currentThemeObj.inputBorderColor" 
					 :placeholder-style="`color:${currentThemeObj.placeholderColor}`"/>
				</label-box>
			</item-box>
		</view>
		<fixed-team btnText="立即反馈" @btnClick="save"></fixed-team>
	</view>
</template>

<script>
	import {add} from '@/api/crud.js'
	export default{
		data(){
			return {
				form:{
					name:''
				}
			}
		},
		onLoad(option) {
			this.form = option
		},
		methods:{
			save(){
        this.loginValidate()
        if(this.$store.getters.loginForm.uid){
          if(!this.form.name || !this.form.issueName){
            this.$u.toast('请输入反馈剧本名或者发行名')
          }
          add({...this.form,uid:this.$store.getters.loginForm.uid},'feedbackProduct','shopApi').then(res=>{
            this.$u.toast('反馈成功')
            setTimeout(()=>{
              this.$u.route({type:'back'})
            },1000)
          })
        }
			}
		}
	}
</script>

<style lang="scss" scoped>
	

.save-btn{
	padding: 100rpx 0;
}
.form-label{
	width: 210rpx;
	color: white;
	font-size: 32rpx;
}
.btn-style{
	width: 260rpx;
	line-height: 70rpx;
	text-align: center;
	margin: 0 auto;
	height: 70rpx;
	border-radius: 50rpx;
	background-color: #765CFE;
	color: white;
}
</style>
